✅Scrapbox Dialogの右の隙間を修正

Scrapbox Dialogの右の隙間を修正

after:

https://gyazo.com/36c9901f53277a1f2fabebe03d133b52

before:

https://gyazo.com/c521e80e41d01b51bdb5a7c4def5a3b2

movie:

https://gyazo.com/24c0120e89e939636c820c8a9b2fd128

beforeではflexのitemsの中のコンテンツにクラス名をつけて、CSSを当ててサイズをコントロールしていた

afterではitems自体にクラス名をつける形に変えた

widthで固定サイズにするのではなくflexで調節させる

入力欄のdivはbasisを固定値で入れた上でgrowで空きスペースいっぱいに広がらせる

中の入力欄は外のdivのサイズに合わせる

code:css

div.input-icon {

flex-basis: 120px;

flex-grow: 1;

}

div.input-icon > div {

width: 100%;

}

ページタイトルは可能なら長くなって欲しくて、プロジェクト名はあまり長くなる必要がない、これはgrowの値の違いで表現している

これに関してはもっと良いやり方があるかも知れない